<style>
    #form{
        padding-right: 20px;
        padding-top: 20px;
    }
</style>
<div id="container" class="fsh-rightPanel">
    <div class="layui-form" id="form">
        <div class="layui-form-item">
            <label class="layui-form-label"><i>*</i>节点名称</label>
            <div class="layui-input-block">
                <input type="text" name="title" required lay-verify="required" placeholder="CG基础教程第一节"
                       autocomplete="off" class="layui-input" readonly>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><i>*</i>课程类型</label>
            <div class="layui-input-block">
                <select name="city" lay-verify="required">
                    <option value="0">直播</option>
                    <option value="1">录播</option>
                    <option value="2">考试</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><i>*</i>录播资源</label>
            <div class="layui-input-block">
                <input type="text" name="title" required lay-verify="required" placeholder="请选择"
                       autocomplete="off" class="layui-input" readonly id="videoRes">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">考试类型</label>
            <div class="layui-input-block">
                <select name="city" lay-verify="required">
                    <option value="0">在线</option>
                    <option value="1">实践</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">考题选择</label>
            <div class="layui-input-block">
                <input type="text" name="title" required lay-verify="required" placeholder="请选择（如是在线考试）"
                       autocomplete="off" class="layui-input" readonly id="checkExam">
            </div>
        </div>
    </div>
</div>


<script>
    layui.use(['layer', 'form', 'element'], function () {
        var layer = layui.layer;
        var form = layui.form;
        var element = layui.element;
        form.render();

        $('#videoRes').click(function () {
            showMiniDialog({
                title: '视频选择'
                , template: 'views/static/plan/template/check_video.html'
                , yes: function (index, layero) {
                    layer.close(index);
                }
            })
        });

        $('#videoExam').click(function () {
            showMiniDialog({
                title: '考题选择'
                , template: 'views/static/plan/template/check_exam.html'
                , yes: function (index, layero) {
                    layer.close(index);
                }
            })
        });
    });
</script>
